<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>bootstrap Demo</title>
    <link rel="stylesheet" href="./styles/bootstrap.min.css">
    <link rel="stylesheet" href="./styles/font-awesome.min.css">
    <link rel="stylesheet" href="./styles/orderList.css">
</head>

<body>
<!-- 导航go -->
<div class="all_nav navbar navbar-default navbar-fixed-top" id="navbar" role="navigation">
    <div class="container">
        <div class="col-md-2">
            <a href="javascript: void(0);">HeiKiz</a>
        </div>
        <div class="col-md-8">
            <ul class="nav_show nav navbar-nav">
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a class="nav_choose" href="./servar_aboutServer.html">服务商管理</a>
                </li>
                <li>
                    <a href="./institution_aboutInstitution.html">机构管理</a>
                </li>
                <li>
                    <a href="./teacher_teacherIndex.html">师训管理</a>
                </li>
                <li>
                    <a href="./order_orderManagement.html">订单管理</a>
                </li>
                <li>
                    <a href="./data_statisticalData.html">数据统计</a>
                </li>
            </ul>
        </div>
        <div class="use_info col-md-2">
            <a href="javascript: void(0);" id="dropdownMenu1" data-toggle="dropdown">
                <img class="user_img" src="./images/timg.jpg">
                <p class="user_name">开心麻花</p>
                <span class="caret"></span>
            </a>
            <ul id="dropdown_menu" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                <li role="presentation">
                    <a id="id1" role="menuitem" tabindex="-1" href="javascript: void(0);">保存密码</a>
                </li>
                <li role="presentation">
                    <a id="id2" role="menuitem" tabindex="-1" href="javascript: void(0);">退出账号</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 导航 end -->

<!-- 数据概览 -->
<div class="list_main container clearfix">
    <div class="add_server pull-left">
        返回服务商详情
        <i class="icon-angle-left"></i>
    </div>
    <div id="" class="title_button pull-right">确认发货</div>
</div>

<!-- 服务商 -->
<div class="server_wrap container">
    <!-- 基本信息 -->
    <div class="baseinfo border-bottom clearfix">
        <div class="col-md-12 row">
            <div class="col-md-2">
                <p class="pull-left">编号：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-2">
                <p class="pull-left">数量：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-3">
                <p class="pull-left">金额：</p>
                <p class="pull-left">湖南省 长沙区</p>
            </div>
            <div class="col-md-5">
                <p class="pull-left">机构名称：</p>
                <p class="pull-left">湖南省 长沙区</p>
            </div>
        </div>
        <div class="col-md-12 row">
            <div class="col-md-2">
                <p class="pull-left">联系人：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-2">
                <p class="pull-left">联系电话：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-8">
                <p class="pull-left">联系地址：</p>
                <p class="pull-left">湖南省长沙市高新区牛逼路101-02栋</p>
            </div>
        </div>
    </div>
    <div class="baseinfo border-bottom clearfix">
        <div class="col-md-12 row">
            <div class="col-md-2">
                <p class="pull-left">服务商归属：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-2">
                <p class="pull-left">联系人：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-3">
                <p class="pull-left">联系电话：</p>
                <p class="pull-left">湖南省 长沙区</p>
            </div>
            <div class="col-md-5">
                <p class="pull-left">联系地址：</p>
                <p class="pull-left">湖南省长沙市高新区牛逼路101-02栋</p>
            </div>
        </div>
        <div class="col-md-12 row">
            <div class="col-md-2">
                <p class="pull-left">发起时间：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-2">
                <p class="pull-left">发货时间：</p>
                <p class="pull-left">007</p>
            </div>
            <div class="col-md-8">
                <p class="pull-left">备注：</p>
                <p class="pull-left">备注：我要的非洲鼓的皮必须是真皮，不是真皮的穿着不保暖</p>
            </div>
        </div>
    </div>
    <div class="baseinfo clearfix">
        <div class="col-md-12 row">
            <div class="col-md-2">
                <p class="pull-left">支付方式：</p>
                <p class="pull-left">支付宝</p>
            </div>
            <div class="col-md-10">
                <p class="pull-left">支付编号：</p>
                <p class="pull-left">201789736542</p>
            </div>
        </div>
    </div>
</div>


<script src="./javascripts/jquery-1.9.1.min.js"></script>
<script src="./javascripts/bootstrap.min.js"></script>

<script type="text/javascript">
    $(function () {
        // 导航选项 点击
        $(".nav_show>li a").click(function () {
            console.log($(this).index());
            $(this).addClass('nav_choose')
                .parent("li").siblings().find("a")
                .removeClass('nav_choose');
        })
        // 返回列表
        $(".add_server").click(function () {
            window.history.go(-1);
        })


    })
</script>
</body>

</html>